// less混入

// 演示混入
// .abc{
//   width: 100px;
//   height: 100px;
// }
// .box{
//   .abc();
// }
// .def(@width){
//   width: @width;
//   height: @width;
// }
// .box2{
//   .def(300px);
// }


// 当组件中使用variables里面的变量时，会自动导入mixin.less

// 鼠标经过上移阴影动画
.hoverShadow () {
  transition: all .5s;

  &:hover {
    transform: translate3d(0, -3px, 0);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
  }
}